<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://xmlns.jcp.org/jsf/core"
      xmlns:o="http://omnifaces.org/ui">
    <h:head>
        <title>Facelet Title</title>
    </h:head>
    <h:body>
        <ui:composition template="helenaTemplate.xhtml">
            <ui:define name="left">
                <h:form>
                    <h:panelGrid columns="1"> 
                        <p:panel>  
                            <h:commandLink id="insertButton" 
                                           onclick="PF('dialogInsert').show();
                                                   return false;" type="button"> 
                                <h:graphicImage library="img" name="icons/addFolder.ico" width="32px;"/>
                            </h:commandLink>  

                            <p:separator/>

                            <h:commandLink id="filterButton" 
                                           onclick="PF('dialogFilter').show();
                                                   return false;" type="button"> 
                                <h:graphicImage library="img" name="icons/search.ico" width="32px;"/>
                            </h:commandLink>  
                            <p:separator/>

                        </p:panel>
                    </h:panelGrid>
                </h:form>
            </ui:define>

            <ui:define name="content">
                <p:growl id="msgs" showDetail="true" />
                <div class="container" >

                    <!--                    <applet width="300" height="300" code="helenaCapturaHuella.class"> 
                                            <param name="archive" value="dpfpglobal.jar" />
                                        </applet>-->
                    <h:form id="formDataTable">
                        <p:dataTable id="dataTable" 
                                     value="#{detEscriturasBean.lista}" 
                                     var="var" 
                                     paginator="true" 
                                     rows="5"  
                                     paginatorPosition="bottom" 
                                     pageLinks="5"
                                     paginatorTemplate="{FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown} {CurrentPageReport}"  
                                     rowsPerPageTemplate="5,10,20,30,50,100"
                                     >

                            <p:column headerText="Documento" id="dataTableDocumento">  
                                <h:outputText value="#{var.documento}" />  
                            </p:column>
                            <p:column headerText="Nombre" >  
                                <h:outputText value="#{var.nombre}" />  
                            </p:column>
                            <p:column headerText="Contacto" >  
                                <h:outputText value="#{var.contacto}" />  
                            </p:column>
                            <p:column headerText="Observaciones" >  
                                <h:outputText value="#{var.observacionDetalle}" />  
                            </p:column>
                            <p:column headerText="Posicion" >  
                                <h:outputText value="#{var.posicionOtorgante}" />  
                            </p:column>
                            <p:column headerText="Fecha" >  
                                <h:outputText value="#{var.fechaCrea}" />  
                            </p:column>
                            <p:column headerText="Foto" >  
                                <o:graphicImage value="#{var.foto}" dataURI="true" width="60px;"/>
                            </p:column>
                            <p:column headerText="Huella" >  
                                <o:graphicImage value="#{var.huella}" dataURI="true" width="60px;"/>
                            </p:column>

                            <p:column style="width:4%">
                                <p:commandButton type="button" icon="ui-icon-print" 
                                                 style="display:block;margin-bottom: 20px" >
                                    <p:printer target="coldataTable" />
                                </p:commandButton>
                            </p:column>

                            <p:column style="width: 0px;">
                                <p:dialog>

                                    <p:dataTable id="coldataTable" 
                                                 value="#{var}" 
                                                 var="var1" 
                                                 paginator="false" 
                                                 rows="1">
                                        <f:facet name="header">
                                            <div align="center">
                                                <h:outputText value="#{notariaBean.objSeleccionado.notario}" /> <br/>
                                                <h:outputText value="#{notariaBean.objSeleccionado.notaria} de #{notariaBean.objSeleccionado.ciudad}" /> <br/>
                                                <h:outputText value="Telefono #{notariaBean.objSeleccionado.telefono} - Direccón #{notariaBean.objSeleccionado.direccion}" /> <br/>
                                                <br/><br/><br/>
                                            </div>
                                        </f:facet>

                                        <p:column headerText="Compareciente" id="dataTableDocumento" style="width: 50%;" >  
                                            <h:outputText value="Documento: " style="font-weight:bold;"/>
                                            <h:outputText value="#{var1.documento}" /> <br/>

                                            <h:outputText value="Nombre: " style="font-weight:bold;"/>
                                            <h:outputText value="#{var1.nombre}" />  <br/>

                                            <h:outputText value="Contacto: " style="font-weight:bold;"/>
                                            <h:outputText value="#{var1.contacto}" />  <br/>

                                            <h:outputText value="Observaciones: " style="font-weight:bold;"/>
                                            <h:outputText value="#{var1.observacionDetalle}" /> <br/>  

                                            <h:outputText value="Posicion: " style="font-weight:bold;"/>
                                            <h:outputText value="#{var1.posicionOtorgante}" /> <br/>

                                            <h:outputText value="Fecha: " style="font-weight:bold;"/>
                                            <h:outputText value="#{var1.fecha}" />  
                                        </p:column>

                                        <p:column headerText="Foto" >  
                                            <o:graphicImage value="#{var1.foto}" dataURI="true" width="100%;"/>
                                        </p:column>

                                        <p:column headerText="Huella" >  
                                            <o:graphicImage value="#{var1.huella}" dataURI="true" width="100%;"/>
                                        </p:column>
                                    </p:dataTable>
                                </p:dialog>
                            </p:column>

                        </p:dataTable>
                    </h:form>
                    <!--                        
                                      
                                      Dialogo de Creacion de registro          
                                                              
                    -->
                    <h:form id="formInsert">
                        <p:dialog header="Adicionar" widgetVar="dialogInsert" resizable="false" id="dlgInsert"  
                                  showEffect="fade" hideEffect="drop" modal="true">  
                            <h:panelGrid id="display0" columns="2" cellpadding="4" style="margin:0 auto;"> 

                                <h:panelGrid id="display" columns="2" cellpadding="4" style="margin:0 auto;">  

                                    <h:outputText value="Documento:" />  
                                    <h:inputText value="#{detEscriturasBean.objSeleccionado.documento}" 
                                                 size="60" style="text-transform: uppercase;"/>  

                                    <h:outputText value="Nombre:" />  
                                    <h:inputText value="#{detEscriturasBean.objSeleccionado.nombre}" 
                                                 size="60" style="text-transform: uppercase;"/>  

                                    <h:outputText value="Contacto:" />  
                                    <h:inputText value="#{detEscriturasBean.objSeleccionado.contacto}" 
                                                 size="60" style="text-transform: uppercase;"/>  

                                    <h:outputText value="Observaciones:" />  
                                    <h:inputText value="#{detEscriturasBean.objSeleccionado.observacionDetalle}" 
                                                 size="60" style="text-transform: uppercase;"/>  

                                    <h:outputText value="Posicion:" />  
                                    <p:selectOneListbox id="basic" value="#{detEscriturasBean.objSeleccionado.posicionOtorgante}">
                                        <f:selectItem itemLabel="COMPRADOR" itemValue="COMPRADOR" />
                                        <f:selectItem itemLabel="VENDEDOR" itemValue="VENDEDOR" />
                                    </p:selectOneListbox>

                                    <f:facet name="footer">
                                        <p:separator/>
                                        <p:commandButton id="insertarBtn"
                                                         value="Adicionar"  
                                                         update=":formDataTable:dataTable, :msgs, :formInsert" 
                                                         oncomplete="PF('dialogInsert').hide()" 
                                                         actionListener="#{detEscriturasBean.insert(actionEvent)}" >
                                        </p:commandButton>

                                        <p:commandButton id="cancelarAgregar"
                                                         value="Cancelar"
                                                         update=":formInsert:display, :formInsert" 
                                                         oncomplete="PF('dialogInsert').hide()" 
                                                         actionListener="#{detEscriturasBean.limpiaObjSeleccionado()}"/>

                                    </f:facet>
                                </h:panelGrid>  
                                <h:panelGrid id="display2" columns="1" cellpadding="4" style="margin:0 auto; height: 100%;" width="256 px" >  
                                    <h:panelGrid columns="3" cellpadding="5">
                                        <p:photoCam widgetVar="pc" listener="#{detEscriturasBean.oncapture}" update="photo" />
                                        <p:commandButton type="button" value="Capture" onclick="PF('pc').capture()"/>
                                        <p:outputPanel id="photo">
                                            <p:graphicImage id="nuevaFoto" library="img" cache="false" 
                                                            width="160"
                                                            name="#{detEscriturasBean.filename}.jpeg" 
                                                            rendered="#{not empty detEscriturasBean.filename}"/>
                                        </p:outputPanel>
                                    </h:panelGrid>
                                </h:panelGrid>
                            </h:panelGrid>
                        </p:dialog>  
                    </h:form>

                    <!--
                    /*
                    * Dialogo de Filtro de registro          
                    */            
                    -->
                    <h:form id="formFilter">
                        <p:dialog header="Filtro" widgetVar="dialogFilter" resizable="false" id="dlgFilter"  
                                  showEffect="fade" hideEffect="drop" modal="true">  

                            <h:panelGrid id="display" columns="1" cellpadding="4" style="margin:0 auto;">  

                                <h:panelGrid id="displayNombre" columns="2" cellpadding="0" style="margin:0 auto;">  
                                    <h:outputText value="Documento:" />  
                                    <h:inputText value="#{detEscriturasBean.srchDocumento}" 
                                                 size="60" style="text-transform: uppercase;"/>  
                                </h:panelGrid>

                                <f:facet name="footer">
                                    <p:separator/>
                                    <p:commandButton id="consultarBtn"
                                                     value="Consultar"  
                                                     update=":formDataTable:dataTable, :msgs" 
                                                     oncomplete="PF('dialogFilter').hide()" />

                                    <p:commandButton id="cancelarFiltrar"
                                                     value="Cancelar"
                                                     update=":formFilter:display" 
                                                     oncomplete="PF('dialogFilter').hide()" />

                                    <p:commandButton id="limpiarFiltrar"
                                                     value="limpiar"
                                                     update=":formFilter:display, :formDataTable:dataTable, :msgs" 
                                                     oncomplete="PF('dialogFilter').hide()" 
                                                     action="#{detEscriturasBean.inicializarConsulta()}"/>

                                </f:facet>
                            </h:panelGrid>  
                        </p:dialog>  
                    </h:form>

                </div>
            </ui:define>
        </ui:composition>
    </h:body>
</html>

